
@xishu: 1;
// 根字体的大小以25px为基准进行设计 对应xishu 1
// 1.margin
@margin0: 0rem; // 0px
@margin1: 0.04rem * @xishu; // 1px * @xishu
@margin2: 0.08rem * @xishu; // 2px * @xishu
@margin3: 0.12rem * @xishu; // 3px * @xishu
@margin4: 0.16rem * @xishu; // 4px * @xishu
@margin5: 0.2rem * @xishu; // 5px * @xishu
@margin6: 0.24rem * @xishu; // 6px * @xishu
@margin7: 0.28rem * @xishu; // 7px * @xishu
@margin8: 0.32rem * @xishu; // 8px * @xishu
@margin9: 0.36rem * @xishu; // 9px * @xishu
@margin10: 0.4rem * @xishu; // 10px * @xishu
@margin11: 0.44rem * @xishu; // 11px * @xishu
@margin12: 0.48rem * @xishu; // 12px * @xishu
@margin13: 0.52rem * @xishu; // 13px * @xishu
@margin14: 0.56rem * @xishu; // 14px * @xishu
@margin15: 0.6rem * @xishu; // 15px * @xishu
@margin16: 0.64rem * @xishu; // 16px * @xishu
@margin17: 0.68rem * @xishu; // 17px * @xishu
@margin18: 0.72rem * @xishu; // 18px * @xishu
@margin19: 0.76rem * @xishu; // 19px * @xishu
@margin20: 0.8rem * @xishu; // 20px * @xishu
@margin21: 0.84rem * @xishu; // 21px * @xishu
@margin22: 0.88rem * @xishu; // 22px * @xishu
@margin23: 0.92rem * @xishu; // 23px * @xishu
@margin24: 0.96rem * @xishu; // 24px * @xishu
@margin25: 1rem * @xishu; // 25px * @xishu

@padding0: 0rem; // 0px
@padding1: 0.04rem * @xishu; // 1px * @xishu
@padding2: 0.08rem * @xishu; // 2px * @xishu
@padding3: 0.12rem * @xishu; // 3px * @xishu
@padding4: 0.16rem * @xishu; // 4px * @xishu
@padding5: 0.2rem * @xishu; // 5px * @xishu
@padding6: 0.24rem * @xishu; // 6px * @xishu
@padding7: 0.28rem * @xishu; // 7px * @xishu
@padding8: 0.32rem * @xishu; // 8px * @xishu
@padding9: 0.36rem * @xishu; // 9px * @xishu
@padding10: 0.4rem * @xishu; // 10px * @xishu
@padding11: 0.44rem * @xishu; // 11px * @xishu
@padding12: 0.48rem * @xishu; // 12px * @xishu
@padding13: 0.52rem * @xishu; // 13px * @xishu
@padding14: 0.56rem * @xishu; // 14px * @xishu
@padding15: 0.6rem * @xishu; // 15px * @xishu
@padding16: 0.64rem * @xishu; // 16px * @xishu
@padding17: 0.68rem * @xishu; // 17px * @xishu
@padding18: 0.72rem * @xishu; // 18px * @xishu
@padding19: 0.76rem * @xishu; // 19px * @xishu
@padding20: 0.8rem * @xishu; // 20px * @xishu
@padding21: 0.84rem * @xishu; // 21px * @xishu
@padding22: 0.88rem * @xishu; // 22px * @xishu
@padding23: 0.92rem * @xishu; // 23px * @xishu
@padding24: 0.96rem * @xishu; // 24px * @xishu
@padding25: 1rem * @xishu; // 25px * @xishu

// 3.radius
@radius0: 0rem; // 0px
@radius1: 0.04rem * @xishu; // 1px * @xishu
@radius2: 0.08rem * @xishu; // 2px * @xishu
@radius3: 0.12rem * @xishu; // 3px * @xishu
@radius4: 0.16rem * @xishu; // 4px * @xishu
@radius5: 0.2rem * @xishu; // 5px * @xishu
@radius6: 0.24rem * @xishu; // 6px * @xishu
@radius7: 0.28rem * @xishu; // 7px * @xishu
@radius8: 0.32rem * @xishu; // 8px * @xishu
@radius9: 0.36rem * @xishu; // 9px * @xishu
@radius10: 0.4rem * @xishu; // 10px * @xishu
@radius11: 0.44rem * @xishu; // 11px * @xishu
@radius12: 0.48rem * @xishu; // 12px * @xishu
@radius13: 0.52rem * @xishu; // 13px * @xishu
@radius14: 0.56rem * @xishu; // 14px * @xishu
@radius15: 0.6rem * @xishu; // 15px * @xishu
@radius16: 0.64rem * @xishu; // 16px * @xishu
@radius17: 0.68rem * @xishu; // 17px * @xishu
@radius18: 0.72rem * @xishu; // 18px * @xishu
@radius19: 0.76rem * @xishu; // 19px * @xishu
@radius20: 0.8rem * @xishu; // 20px * @xishu
@radius21: 0.84rem * @xishu; // 21px * @xishu
@radius22: 0.88rem * @xishu; // 22px * @xishu
@radius23: 0.92rem * @xishu; // 23px * @xishu
@radius24: 0.96rem * @xishu; // 24px * @xishu
@radius25: 1rem * @xishu; // 25px * @xishu

// 4.height
@height0: 0rem; // 0px
@height1: 0.04rem * @xishu; // 1px * @xishu
@height2: 0.08rem * @xishu; // 2px * @xishu
@height3: 0.12rem * @xishu; // 3px * @xishu
@height4: 0.16rem * @xishu; // 4px * @xishu
@height5: 0.2rem * @xishu; // 5px * @xishu
@height6: 0.24rem * @xishu; // 6px * @xishu
@height7: 0.28rem * @xishu; // 7px * @xishu
@height8: 0.32rem * @xishu; // 8px * @xishu
@height9: 0.36rem * @xishu; // 9px * @xishu
@height10: 0.4rem * @xishu; // 10px * @xishu
@height11: 0.44rem * @xishu; // 11px * @xishu
@height12: 0.48rem * @xishu; // 12px * @xishu
@height13: 0.52rem * @xishu; // 13px * @xishu
@height14: 0.56rem * @xishu; // 14px * @xishu
@height15: 0.6rem * @xishu; // 15px * @xishu
@height16: 0.64rem * @xishu; // 16px * @xishu
@height17: 0.68rem * @xishu; // 17px * @xishu
@height18: 0.72rem * @xishu; // 18px * @xishu
@height19: 0.76rem * @xishu; // 19px * @xishu
@height20: 0.8rem * @xishu; // 20px * @xishu
@height21: 0.84rem * @xishu; // 21px * @xishu
@height22: 0.88rem * @xishu; // 22px * @xishu
@height23: 0.92rem * @xishu; // 23px * @xishu
@height24: 0.96rem * @xishu; // 24px * @xishu
@height25: 1rem * @xishu; // 25px * @xishu

// 5.width
@width0: 0rem; // 0px
@width1: 0.04rem * @xishu; // 1px * @xishu
@width2: 0.08rem * @xishu; // 2px * @xishu
@width3: 0.12rem * @xishu; // 3px * @xishu
@width4: 0.16rem * @xishu; // 4px * @xishu
@width5: 0.2rem * @xishu; // 5px * @xishu
@width6: 0.24rem * @xishu; // 6px * @xishu
@width7: 0.28rem * @xishu; // 7px * @xishu
@width8: 0.32rem * @xishu; // 8px * @xishu
@width9: 0.36rem * @xishu; // 9px * @xishu
@width10: 0.4rem * @xishu; // 10px * @xishu
@width11: 0.44rem * @xishu; // 11px * @xishu
@width12: 0.48rem * @xishu; // 12px * @xishu
@width13: 0.52rem * @xishu; // 13px * @xishu
@width14: 0.56rem * @xishu; // 14px * @xishu
@width15: 0.6rem * @xishu; // 15px * @xishu
@width16: 0.64rem * @xishu; // 16px * @xishu
@width17: 0.68rem * @xishu; // 17px * @xishu
@width18: 0.72rem * @xishu; // 18px * @xishu
@width19: 0.76rem * @xishu; // 19px * @xishu
@width20: 0.8rem * @xishu; // 20px * @xishu
@width21: 0.84rem * @xishu; // 21px * @xishu
@width22: 0.88rem * @xishu; // 22px * @xishu
@width23: 0.92rem * @xishu; // 23px * @xishu
@width24: 0.96rem * @xishu; // 24px * @xishu
@width25: 1rem * @xishu; // 25px * @xishu
@width50: 2rem * @xishu; // 25px * @xishu

// 6.字体大小
@fontSize10: 0.4rem * @xishu; // 10px * @xishu
@fontSize11: 0.44rem * @xishu; // 11px * @xishu
@fontSize12: 0.48rem * @xishu; // 12px * @xishu
@fontSize13: 0.52rem * @xishu; // 13px * @xishu
@fontSize14: 0.56rem * @xishu; // 14px * @xishu
@fontSize15: 0.6rem * @xishu; // 15px * @xishu
@fontSize16: 0.64rem * @xishu; // 16px * @xishu
@fontSize17: 0.68rem * @xishu; // 17px * @xishu
@fontSize18: 0.72rem * @xishu; // 18px * @xishu
@fontSize19: 0.76rem * @xishu; // 19px * @xishu
@fontSize20: 0.8rem * @xishu; // 20px * @xishu
@fontSize21: 0.84rem * @xishu; // 21px * @xishu
@fontSize22: 0.88rem * @xishu; // 22px * @xishu
@fontSize23: 0.92rem * @xishu; // 23px * @xishu
@fontSize24: 0.96rem * @xishu; // 24px * @xishu
@fontSize25: 1rem * @xishu; // 25px * @xishu


// 透明度
@opacity01: 0.1;
@opacity02: 0.2;
@opacity03: 0.3;
@opacity04: 0.4;
@opacity05: 0.5;
@opacity06: 0.6;
@opacity07: 0.7;
@opacity08: 0.8;
@opacity09: 0.9;
@opacity10: 1;

// 字体粗细
@font-weight-light: 300;
@font-weight-regular: 400;
@font-weight-medium: 500;
@font-weight-semi: 600;
@font-weight-bold: 700;

// 定位left、top、right、bottom距离
@top_right_bottom_left0: 0rem; // 0px
@top_right_bottom_left1: 0.04rem * @xishu; // 1px * @xishu
@top_right_bottom_left2: 0.08rem * @xishu; // 2px * @xishu
@top_right_bottom_left3: 0.12rem * @xishu; // 3px * @xishu
@top_right_bottom_left4: 0.16rem * @xishu; // 4px * @xishu
@top_right_bottom_left5: 0.2rem * @xishu; // 5px * @xishu
@top_right_bottom_left6: 0.24rem * @xishu; // 6px * @xishu
@top_right_bottom_left7: 0.28rem * @xishu; // 7px * @xishu
@top_right_bottom_left8: 0.32rem * @xishu; // 8px * @xishu
@top_right_bottom_left9: 0.36rem * @xishu; // 9px * @xishu
@top_right_bottom_left10: 0.4rem * @xishu; // 10px * @xishu
@top_right_bottom_left11: 0.44rem * @xishu; // 11px * @xishu
@top_right_bottom_left12: 0.48rem * @xishu; // 12px * @xishu
@top_right_bottom_left13: 0.52rem * @xishu; // 13px * @xishu
@top_right_bottom_left14: 0.56rem * @xishu; // 14px * @xishu
@top_right_bottom_left15: 0.6rem * @xishu; // 15px * @xishu
@top_right_bottom_left16: 0.64rem * @xishu; // 16px * @xishu
@top_right_bottom_left17: 0.68rem * @xishu; // 17px * @xishu
@top_right_bottom_left18: 0.72rem * @xishu; // 18px * @xishu
@top_right_bottom_left19: 0.76rem * @xishu; // 19px * @xishu
@top_right_bottom_left20: 0.8rem * @xishu; // 20px * @xishu
@top_right_bottom_left21: 0.84rem * @xishu; // 21px * @xishu
@top_right_bottom_left22: 0.88rem * @xishu; // 22px * @xishu
@top_right_bottom_left23: 0.92rem * @xishu; // 23px * @xishu
@top_right_bottom_left24: 0.96rem * @xishu; // 24px * @xishu
@top_right_bottom_left25: 1rem * @xishu; // 25px * @xishu


@container-loading-bg:rgba(81,134,255,10%);

@white-color-1: #fff;
@white-color-3: #f8f8f8;
@white-color-4: #f5f5f5;
@white-color-5: #eee;
@white-color-6: #eaf0f6;
@white-color-7: #e1e1e1;

@white-color-10: #aaa;

@black-color-1: #000;
@black-color-2: #111;
@black-color-3: #333;
@black-color-4: #595959;
@black-color-5: #666;
@black-color-6: #555;
@black-color-9: #494949;
@black-color-13: #999;

@black-color-a-1:rgba(0, 0, 0, 0.01);
@black-color-a-5:rgba(0, 0, 0, 0.05);
@black-color-a-45:rgba(0, 0, 0, 0.45);
@black-color-a-10:rgba(22, 120, 255, 0.1);


// @primary-1:#4c87fb;
// @primary-2:#136dff;
// @primary-3:#1c76ec;



@primary-1:#ff7a59;
@primary-2:#ff2346;
@primary-3:#ee1f42;



